document.write(`
<style>
    body{
        margin: 0;
    }
    *{
        transition: all 0.5s;
    }
    .el-aside{
        background-color: #9575cd;
    }
    .el-main{
        background-color: #ede7f6;
    }
    .el-header{
        background-color: #4a148c;
    }
    .el-footer{
        background-color: #311b92;
    }
    html,body,#app,.el-container{
        height: 100%;
    }
</style>
`)



Vue.component('myFrame',{
    template:`
    <el-container>
        <el-header></el-header>
        <el-container>
            <el-aside>
                <slot name="aside">
                </slot>
            </el-aside>
            <el-main>
                <slot style="height: 100%"></slot>
            </el-main>
        </el-container>
        <el-footer style="height: 30px"></el-footer>
    </el-container>
    `
})